<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test">Layer 学习</button><br/>
		
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#test').on('click', function() {
				var index = layer.open({
					type : 0,
					btn : ["按钮1", "按钮2", "按钮3"],
					yes : function(index, layero) {//其中layero当前层的DOM对象
						console.log("点击了第一个按钮");
						//手动关闭
						layer.close(index);
					},
					btn2 : function(index, layero) {
						console.log("点击了第二个按钮");
						return false;//返回false，当点击按钮时候不会自动关闭弹出层
					},
					btn3 : function(index, layero) {
						console.log("点击了第三个按钮");
					},
					cancel : function(index) {// 右上角关闭按钮点击触发的函数
						console.log("右上角关闭按钮");
						if (confirm("您确认要关闭么?")) {
							layer.close(index);
						}
						return false;
					}
				});
			});
		</script>
	</body>
</html>
